<!DOCTYPE html>
<html>
<head>
<link href="css/multipleBG.css" rel="stylesheet" type="text/css"/>
</head>

<body>


<style>

h1, h2 {
    background-color: black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: white;
    
}

p {
  padding: 10px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  color: #FF0000;
  background-color: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 4px soid #FF0000;
}
p:hover { color: #00FF00; background-color: #000000; }
</style>

<header><h1> Header! </h1></header>

<section>
<h2> Here is a section </h2>


<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec urna non mauris gravida lobortis. Vivamus sit amet ligula quis mauris luctus sodales ut non odio. Ut leo diam, eleifend eu egestas vel, gravida a quam. Maecenas vel enim felis, vel blandit lectus. Mauris lacinia eleifend elementum. Fusce eget sollicitudin ipsum. Integer tellus sapien, dapibus nec aliquam sed, dignissim vitae turpis. Pellentesque vestibulum posuere risus, at lobortis sapien imperdiet scelerisque. Proin in sapien mi. Suspendisse potenti. Donec interdum, sem sit amet convallis sodales, purus velit lacinia metus, ut sollicitudin magna dolor ac eros. Suspendisse bibendum, nunc at elementum rhoncus, velit elit pretium lectus, et ultrices nibh turpis nec massa. Aliquam hendrerit venenatis arcu nec scelerisque.</p>

<p>Curabitur eget dolor et nisi venenatis rhoncus. Vestibulum sit amet eros a risus consequat cursus. Nunc massa sem, sagittis vitae feugiat in, facilisis ac elit. Nulla aliquet turpis eget arcu venenatis eget pretium eros congue. Proin ultrices eros interdum felis viverra hendrerit. Donec enim nisi, ultricies eu interdum sed, interdum ac arcu. Pellentesque fermentum auctor nisl. Nulla purus ligula, tincidunt et dignissim a, varius sed nisi. Suspendisse euismod commodo vestibulum. Sed ultrices ipsum eget quam hendrerit ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis dolor purus. Suspendisse tristique, nisl non volutpat commodo, mauris lectus semper mauris, at aliquet mi erat eu nisl. Nam non purus erat, nec suscipit nibh. Maecenas lacinia nisi ac nulla tempor porttitor. Suspendisse at iaculis nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>

<p>Integer ut purus sapien, bibendum ultrices mauris. Praesent libero eros, consequat eu interdum non, iaculis at enim. Vivamus sed ante ipsum. Duis sit amet dui vitae ante vehicula lobortis. Fusce tempus viverra facilisis. Quisque vel nulla turpis, et commodo felis. Vivamus non vulputate felis. Aenean vulputate, mi at faucibus cursus, metus enim blandit augue, eu fermentum nunc ante ac sem. Nullam lectus massa, mattis eu molestie non, ultricies non nisi. Nullam ac elit enim, nec euismod libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam vitae felis vitae nisl sodales sollicitudin at sed mauris. Suspendisse nisi diam, sollicitudin vitae congue in, fermentum sed mi. Nam feugiat, sem in blandit congue, ligula ipsum semper leo, id eleifend arcu tortor ut massa. Vestibulum nisl nulla, elementum eget feugiat eleifend, pulvinar sed turpis. Nunc eget lectus nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur gravida leo non sem rutrum sed interdum ipsum lobortis.</p>

<p>Donec pellentesque dictum nibh placerat lacinia. Ut semper felis suscipit enim interdum dignissim. Duis sit amet massa leo, et tincidunt arcu. Suspendisse ut enim nisl, luctus ornare libero. Sed hendrerit ultrices libero nec ullamcorper. Maecenas nec pharetra odio. Phasellus non eros dui, eu aliquet neque. Aenean dignissim enim id odio sagittis id viverra justo dignissim. Curabitur vitae augue eget metus sagittis congue ac ac nisl. Morbi nisi leo, pretium vel viverra ut, accumsan eget est. Ut malesuada metus at sapien luctus et facilisis diam feugiat. In id velit arcu, et elementum metus. Duis nec enim lacus. Donec vel rutrum augue. Suspendisse ut magna ipsum. Duis lobortis cursus nunc vitae iaculis. Sed a sem massa, hendrerit sodales arcu. Curabitur scelerisque tortor in lacus porta feugiat varius eu nibh. Integer volutpat, enim non hendrerit tristique, velit velit consequat nisi, id tincidunt mauris nibh nec lacus. Nulla rhoncus placerat enim sit amet consectetur.</p>

<p>Vestibulum posuere eleifend tortor, vitae suscipit nulla blandit sit amet. Nulla facilisi. Praesent viverra rutrum leo ut vehicula. Vestibulum non dui turpis. Nulla sed enim a augue sagittis aliquet. Ut mollis neque bibendum mi ullamcorper vel interdum nunc varius. Donec in lectus eros. Phasellus convallis feugiat eros non fermentum. Mauris non ornare sem. Morbi vel accumsan metus. Curabitur quis tortor at dui congue volutpat. Vivamus molestie dui ut odio dapibus rhoncus. Fusce sollicitudin ultrices risus, et imperdiet ipsum iaculis non. Aliquam euismod rhoncus dolor, vitae imperdiet ante placerat sed. Proin lacus purus, cursus varius dictum a, mattis nec sem. Integer vehicula dictum libero placerat pulvinar.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec urna non mauris gravida lobortis. Vivamus sit amet ligula quis mauris luctus sodales ut non odio. Ut leo diam, eleifend eu egestas vel, gravida a quam. Maecenas vel enim felis, vel blandit lectus. Mauris lacinia eleifend elementum. Fusce eget sollicitudin ipsum. Integer tellus sapien, dapibus nec aliquam sed, dignissim vitae turpis. Pellentesque vestibulum posuere risus, at lobortis sapien imperdiet scelerisque. Proin in sapien mi. Suspendisse potenti. Donec interdum, sem sit amet convallis sodales, purus velit lacinia metus, ut sollicitudin magna dolor ac eros. Suspendisse bibendum, nunc at elementum rhoncus, velit elit pretium lectus, et ultrices nibh turpis nec massa. Aliquam hendrerit venenatis arcu nec scelerisque.</p>

<p>Curabitur eget dolor et nisi venenatis rhoncus. Vestibulum sit amet eros a risus consequat cursus. Nunc massa sem, sagittis vitae feugiat in, facilisis ac elit. Nulla aliquet turpis eget arcu venenatis eget pretium eros congue. Proin ultrices eros interdum felis viverra hendrerit. Donec enim nisi, ultricies eu interdum sed, interdum ac arcu. Pellentesque fermentum auctor nisl. Nulla purus ligula, tincidunt et dignissim a, varius sed nisi. Suspendisse euismod commodo vestibulum. Sed ultrices ipsum eget quam hendrerit ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis dolor purus. Suspendisse tristique, nisl non volutpat commodo, mauris lectus semper mauris, at aliquet mi erat eu nisl. Nam non purus erat, nec suscipit nibh. Maecenas lacinia nisi ac nulla tempor porttitor. Suspendisse at iaculis nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p>
</article>


</section>

</body>
</html>
